<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!-- Meta, title, CSS, favicons, etc. -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">

<title>随便打TCS系统</title>
<script type="text/javascript" src="<%=basePath%>js/initPage.js"></script>
<!-- Bootstrap -->
<link href="<%=basePath%>vendors/bootstrap/dist/css/bootstrap.min.css"
	rel="stylesheet">
<!-- Font Awesome -->
<link
	href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"
	rel="stylesheet">
<!-- NProgress -->
<link href="<%=basePath%>vendors/nprogress/nprogress.css"
	rel="stylesheet">
<!-- iCheck -->
<link href="<%=basePath%>vendors/iCheck/skins/flat/green.css"
	rel="stylesheet">

<!-- bootstrap-progressbar -->
<link
	href="<%=basePath%>vendors/bootstrap-progressbar/css/bootstrap-progressbar-3.3.4.min.css"
	rel="stylesheet">
<!-- JQVMap -->
<link href="<%=basePath%>vendors/jqvmap/dist/jqvmap.min.css"
	rel="stylesheet" />
<!-- bootstrap-daterangepicker -->
<link
	href="<%=basePath%>vendors/bootstrap-daterangepicker/daterangepicker.css"
	rel="stylesheet">

<!-- Custom Theme Style -->
<link href="<%=basePath%>build/css/custom.min.css" rel="stylesheet">
</head>
<%@ include file="loginCheck.jsp"%>
<body class="nav-md">
	<div class="container body">
		<div class="main_container">
			<div class="col-md-3 left_col">
				<div class="left_col scroll-view">
					<div class="clearfix"></div>
					<br />
				</div>
			</div>
			<!-- page content -->
			<div class="right_col" role="main">
				<div class="">
					<div class="page-title">
						<div class="title_left"></div>
						<div class="x_content">
							<button type="submit" class="btn btn-success"
									onclick="add()">添加</button>
						</div>
					</div>
					<div class="x_panel">
						<div class="x_content">
							<table id="datatable" class="table table-striped table-bordered">
								<thead>
									<tr>
										<th>品牌标题</th>
										<th>品牌Logo</th>
										<th>所属分类</th>
										<th>是否推荐</th>
										<th>操作</th>
									</tr>
								</thead>
								<tbody>
									<c:forEach items="${brands}" var="s" varStatus="z">
										<tr>
											<td>${s.category}</td>
											<td><img style="width: 80px; hight: 80px" src="${s.pic}"
													 alt="image" /></td>
											<td>${s.topid}</td>
											<td><c:if test="${s.level == 1}">是</c:if>
												<c:if test="${s.level != 1}">否</c:if></td>
											<td><div class="input-group-btn">
													<button type="button"
														class="btn btn-default dropdown-toggle"
														data-toggle="dropdown" aria-expanded="false">
														请选择 <span class="caret"></span>
													</button>
													<ul class="dropdown-menu dropdown-menu-right" role="menu">
														<li><a href="javascript:" type="submit"
                                                               onclick="update('${s.id}')">修改</a></li>
														<li><a href="javascript:" type="submit"
															   onclick="updataRecommends('${s.id}','1')">是否推荐</a></li>
														<li><a href="javascript:" type="submit"
                                                               onclick="updataStatus('${s.id}','0')">删除</a></li>
													</ul>
												</div>
											</td>
										</tr>
									</c:forEach>
								</tbody>
							</table>
						</div>
					</div>
					<div class="clearfix"></div>
					<br />
				</div>
				<div style="width: 100%; text-align: center;">
					<div id='page'></div>
				</div>
			</div>
		</div>
	</div>
	<script>
		/**
		 * 纯粹的JS分页插件，代码缺点：JS操作DOM冗余太多，太繁琐
		 */ 
		pageUtil.initPage('page', {
			totalCount : '${pages.recordTotal}', //总页数，一般从回调函数中获取。如果没有数据则默认为1页
			curPage : ${pages.currentPageNo}, //初始化时的默认选中页，默认第一页。如果所填范围溢出或者非数字或者数字字符串，则默认第一页
			showCount : 9, //分页栏显示的数量
			pageSizeList : [ 10 ], //自定义分页数，默认[5,10,15,20,50]
			defaultPageSize : 10, //默认选中的分页数,默认选中第一个。如果未匹配到数组或者默认数组中，则也为第一个
			isJump : true, //是否包含跳转功能，默认false
			isPageNum : true, //是否显示分页下拉选择，默认false
			isPN : true, //是否显示上一页和下一面，默认true
			isFL : true, //是否显示首页和末页，默认true
			jump : function(curPage) { //跳转功能回调，传递回来2个参数，当前页和每页大小。如果没有设置分页下拉，则第二个参数永远为0。这里的this被指定为一个空对象，如果回调中需用到this请自行使用bind方法
				selectALL(curPage);
			},
		});
	</script>
	<script type="text/javascript">
		// 添加
		function add(){
			location.href = "addCouponBrand";
		}

		// 修改
		function update(id){
			location.href = "updateCouponBrand?id="+id;
		}

		// 主页 
		function selectALL(curPage) {
            location.href = "couponBrandIndex?currentPageNo="+curPage+"";
		}

		// ajaxPost请求
		function updataStatus(id, datastatus) {
			var json = {};
			json.id = id;
			json.datastatus = datastatus;
			$.ajax({
				type : 'POST',
				url : 'toUpdateCouponBrand',
				data : JSON.stringify(json),
				dataType: 'json',
				contentType: 'application/json',
				success : function(date) {
					switch (date) {
					case -1:
						alert("登录超时，请重新登录");
						top.location.href = "login/${titleId}";
						break;
					case 1:
						alert("操作成功");
						location.href = "couponBrandIndex?currentPageNo=${pages.currentPageNo}";
						break;
					default:
						alert("操作失败，请重新操作");
						break;
					}
				}
			});
		}

		// ajaxPost请求
		function updataRecommends(id, recommends) {
			var json = {};
			json.id = id;
			json.level = recommends;
			$.ajax({
				type : 'POST',
				url : 'toUpdateCouponBrand',
				data : JSON.stringify(json),
				dataType: 'json',
				contentType: 'application/json',
				success : function(date) {
					switch (date) {
						case -1:
							alert("登录超时，请重新登录");
							top.location.href = "login/${titleId}";
							break;
						case 1:
							alert("操作成功");
							location.href = "couponBrandIndex?currentPageNo=${pages.currentPageNo}";
							break;
						default:
							alert("操作失败，请重新操作");
							break;
					}
				}
			});
		}
	</script>
	<script src="<%=basePath%>vendors/jquery/dist/jquery.min.js"></script>
	<!-- Bootstrap -->
	<script src="<%=basePath%>vendors/bootstrap/dist/js/bootstrap.min.js"></script>
	<!-- FastClick -->
	<script src="<%=basePath%>vendors/fastclick/lib/fastclick.js"></script>
	<!-- NProgress -->
	<script src="<%=basePath%>vendors/nprogress/nprogress.js"></script>
	<!-- bootstrap-daterangepicker -->
	<script src="<%=basePath%>vendors/moment/min/moment.min.js"></script>
	<script
		src="<%=basePath%>vendors/bootstrap-daterangepicker/daterangepicker.js"></script>
	<!-- Chart.js -->
	<script src="<%=basePath%>vendors/Chart.js/dist/Chart.min.js"></script>
	<!-- Custom Theme Scripts -->
	<script src="<%=basePath%>build/js/custom.min.js"></script>
</body>
</html>